<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>
<div id=app>
    <div id="header" class="text-box">
        <div class="title">
          <h3>
              <span class="desc" th:text="|[${date}]|" style="margin-right: 10px;"></span>
              <span class="desc" style="margin-left: 10px;">(每日客流报表)</span>
          </h3>
        </div>
        <div style="margin: 15px 0;font-size: 20px;"></div>
    </div>
    <div style="text-align: center;margin: 0 auto;">
        <table style="  border-collapse: collapse;text-align: left;cursor: default;margin-top: 20px;border: 1px solid rgba(127, 255, 255, 0.75);-webkit-box-shadow: 0 0 8px rgba(0, 255, 255, 0.75);-moz-box-shadow: 0 0 8px rgba(0, 255, 255, 0.75);box-shadow: 0 0 8px rgba(0, 255, 255, 0.75);">
            <tbody>
            <tr class="tbTitle">
                <th style="border: 1px solid rgba(127, 255, 255, 0.55);font-weight: 300;text-align: center;padding: 10px 15px;font: 15px 微软雅黑, Arial, Helvetica, sans-serif;background-color: rgba(0, 93, 93, 0.8);color: #efefef;text-shadow: 0 0 20px rgba(127, 255, 255, 1);" th:each="i : ${data[0]}" th:text="${i}"></th>
            </tr>
            <tr class="tbContext"  th:each="i,is : ${data}" th:if="${is.index>0}">
                <td th:style="'font: 13px 微软雅黑, Arial, Helvetica, sans-serif; text-align: center; padding: 10px 15px; color: rgba(0, 0, 0, 0.75); text-shadow: 0 0 20px rgba(0, 255, 255, 0.75);border: 1px solid rgba(127, 255, 255, 0.55);background-color: rgba(' + ${ist.index%2==0?'3, 3, 3, .3':'64, 95, 235, .3'} + ');'" th:each="it,ist : ${i}" th:utext="${it}" ></td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="footer" class="text-box" style="margin: 15px auto;padding: 6px 0 6px 0;color: #000;font: 18px 微软雅黑, Arial, Helvetica, sans-serif;">
        <div style="font-size: 17px;color: #111;"><p>上海联百商业设备有限公司</p></div>
        <div style="color: #0000cc;">
            <a href="tel:+864008215774" style="text-decoration:none;">服务热线：
                <span>400&nbsp;8215&nbsp;774</span>
            </a>
        </div>
    </div>
</div>
</body>
</html>